<template>
  <div>
  <!-- 这个message是向子组件通信的,如果不是动态的,那就不用加:也能传值.如果是动态的,那就加上:,传递一个变量即可 -->
<SonCom :message="mes"></SonCom>
<button @click="handleClick">add</button>
  </div>
</template>

<script setup>
import SonCom from './components/SonCom.vue'

//这里的mes是普通的数据,不是响应式的.所以在子组件中修改mes的值,不会触发子组件的重新渲染.
let mes=123

const handleClick=()=>{
mes++
console.log(mes);

}

</script>

<style lang="scss" scoped>

</style>